<template>
	<view class="recording_data flex align-item_center justify-content_space-between">
		<view class="recording_data-type">
			<view>{{props.item.title || '-'}}</view>
			<view>{{dayjs(props.item.createTime).format("YYYY-MM-DD HH:mm:ss")}}</view>
		</view>
		<view class="recording_data-operation" v-if="props.type === 1">
			{{+props.item.type===1?'+':'-'}}{{props.item.point || 0}}
		</view>
		<view class="recording_data-operation" v-else>{{props.item.point || '-'}}</view>
	</view>
</template>

<script setup>
	import dayjs from 'dayjs';
	const props = defineProps({
		type: {
			type: Number,
			default: '1'
		},
		item: {
			type: Object
		}
	})
</script>

<style scoped lang="scss">
	.recording_data {
		&-operation {
			font-weight: 600;
			font-size: 30rpx;
			color: #4E96E9;
		}

		&-type {

			view:last-child {
				font-weight: 500;
				font-size: 24rpx;
				color: #FFFFFF;
				opacity: 0.5;
				margin-top: 10rpx;
			}

			view:first-child {
				font-weight: 500;
				font-size: 30rpx;
				color: #FFFFFF;
			}
		}
	}
</style>